
<div class="page-header">
  <h1> 帮助 <small> 系统使用帮助</small> </h1>
</div>
<!-- /.page-header -->
<div class="row">
  <div class="col-xs-12">
    <!-- PAGE CONTENT BEGINS -->
    <div class="tabbable">
      <ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
        <li class="active"> <a data-toggle="tab" href="#faq-tab-1"> <i class="blue icon-question-sign bigger-120"></i> General </a> </li>
        <li> <a data-toggle="tab" href="#faq-tab-2"> <i class="green icon-user bigger-120"></i> Account </a> </li>
        <li> <a data-toggle="tab" href="#faq-tab-3"> <i class="orange icon-credit-card bigger-120"></i> Payments </a> </li>
        <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> <i class="purple icon-magic bigger-120"></i> Misc <i class="icon-caret-down"></i> </a>
          <ul class="dropdown-menu dropdown-lighter dropdown-125">
            <li> <a data-toggle="tab" href="#faq-tab-4"> Affiliates </a> </li>
            <li> <a data-toggle="tab" href="#faq-tab-4"> Merchants </a> </li>
          </ul>
        </li>
        <!-- /.dropdown -->
      </ul>
      <div class="tab-content no-border padding-24">
        <div id="faq-tab-1" class="tab-pane fade in active">
          <h4 class="blue"> <i class="icon-ok bigger-110"></i> General Questions </h4>
          <div class="space-8"></div>
          <div id="faq-list-1" class="panel-group accordion-style1 accordion-style2">
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-1-1" data-parent="#faq-list-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-left pull-right" data-icon-hide="icon-chevron-down" data-icon-show="icon-chevron-left"></i> <i class="icon-user bigger-130"></i> &nbsp; High life accusamus terry richardson ad squid? </a> </div>
              <div class="panel-collapse collapse" id="faq-1-1">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-1-2" data-parent="#faq-list-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-left pull-right" data-icon-hide="icon-chevron-down" data-icon-show="icon-chevron-left"></i> <i class="icon-sort-by-attributes-alt"></i> &nbsp; Can I have nested questions? </a> </div>
              <div class="panel-collapse collapse" id="faq-1-2">
                <div class="panel-body">
                  <div id="faq-list-nested-1" class="panel-group accordion-style1 accordion-style2">
                    <div class="panel panel-default">
                      <div class="panel-heading"> <a href="#faq-list-1-sub-1" data-parent="#faq-list-nested-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80 middle" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                        Enim eiusmod high life accusamus terry? </a> </div>
                      <div class="panel-collapse collapse" id="faq-list-1-sub-1">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading"> <a href="#faq-list-1-sub-2" data-parent="#faq-list-nested-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80 middle" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                        Food truck quinoa nesciunt laborum eiusmod? </a> </div>
                      <div class="panel-collapse collapse" id="faq-list-1-sub-2">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading"> <a href="#faq-list-1-sub-3" data-parent="#faq-list-nested-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80 middle" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                        Cupidatat skateboard dolor brunch? </a> </div>
                      <div class="panel-collapse collapse" id="faq-list-1-sub-3">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-1-3" data-parent="#faq-list-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-left pull-right" data-icon-hide="icon-chevron-down" data-icon-show="icon-chevron-left"></i> <i class="icon-credit-card bigger-130"></i> &nbsp; Single-origin coffee nulla assumenda shoreditch et? </a> </div>
              <div class="panel-collapse collapse" id="faq-1-3">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-1-4" data-parent="#faq-list-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-left pull-right" data-icon-hide="icon-chevron-down" data-icon-show="icon-chevron-left"></i> <i class="icon-copy bigger-130"></i> &nbsp; Sunt aliqua put a bird on it squid? </a> </div>
              <div class="panel-collapse collapse" id="faq-1-4">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-1-5" data-parent="#faq-list-1" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-left pull-right" data-icon-hide="icon-chevron-down" data-icon-show="icon-chevron-left"></i> <i class="icon-cog bigger-130"></i> &nbsp; Brunch 3 wolf moon tempor sunt aliqua put? </a> </div>
              <div class="panel-collapse collapse" id="faq-1-5">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
          </div>
        </div>
        <div id="faq-tab-2" class="tab-pane fade">
          <h4 class="blue"> <i class="green icon-user bigger-110"></i> Account Questions </h4>
          <div class="space-8"></div>
          <div id="faq-list-2" class="panel-group accordion-style1 accordion-style2">
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-2-1" data-parent="#faq-list-2" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-right smaller-80" data-icon-hide="icon-chevron-down align-top" data-icon-show="icon-chevron-right"></i> &nbsp;
                Enim eiusmod high life accusamus terry richardson? </a> </div>
              <div class="panel-collapse collapse" id="faq-2-1">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-2-2" data-parent="#faq-list-2" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-right smaller-80" data-icon-hide="icon-chevron-down align-top" data-icon-show="icon-chevron-right"></i> &nbsp;
                Single-origin coffee nulla assumenda shoreditch et? </a> </div>
              <div class="panel-collapse collapse" id="faq-2-2">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-2-3" data-parent="#faq-list-2" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-right middle smaller-80" data-icon-hide="icon-chevron-down align-top" data-icon-show="icon-chevron-right"></i> &nbsp;
                Sunt aliqua put a bird on it squid? </a> </div>
              <div class="panel-collapse collapse" id="faq-2-3">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-2-4" data-parent="#faq-list-2" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-chevron-right smaller-80" data-icon-hide="icon-chevron-down align-top" data-icon-show="icon-chevron-right"></i> &nbsp;
                Brunch 3 wolf moon tempor sunt aliqua put? </a> </div>
              <div class="panel-collapse collapse" id="faq-2-4">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
          </div>
        </div>
        <div id="faq-tab-3" class="tab-pane fade">
          <h4 class="blue"> <i class="orange icon-credit-card bigger-110"></i> Payment Questions </h4>
          <div class="space-8"></div>
          <div id="faq-list-3" class="panel-group accordion-style1 accordion-style2">
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-3-1" data-parent="#faq-list-3" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Enim eiusmod high life accusamus terry richardson? </a> </div>
              <div class="panel-collapse collapse" id="faq-3-1">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-3-2" data-parent="#faq-list-3" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Single-origin coffee nulla assumenda shoreditch et? </a> </div>
              <div class="panel-collapse collapse" id="faq-3-2">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-3-3" data-parent="#faq-list-3" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Sunt aliqua put a bird on it squid? </a> </div>
              <div class="panel-collapse collapse" id="faq-3-3">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-3-4" data-parent="#faq-list-3" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Brunch 3 wolf moon tempor sunt aliqua put? </a> </div>
              <div class="panel-collapse collapse" id="faq-3-4">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
          </div>
        </div>
        <div id="faq-tab-4" class="tab-pane fade">
          <h4 class="blue"> <i class="purple icon-magic bigger-110"></i> Miscellaneous Questions </h4>
          <div class="space-8"></div>
          <div id="faq-list-4" class="panel-group accordion-style1 accordion-style2">
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-4-1" data-parent="#faq-list-4" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-hand-right" data-icon-hide="icon-hand-down" data-icon-show="icon-hand-right"></i> &nbsp;
                Enim eiusmod high life accusamus terry richardson? </a> </div>
              <div class="panel-collapse collapse" id="faq-4-1">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-4-2" data-parent="#faq-list-4" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-frown bigger-120" data-icon-hide="icon-smile" data-icon-show="icon-frown"></i> &nbsp;
                Single-origin coffee nulla assumenda shoreditch et? </a> </div>
              <div class="panel-collapse collapse" id="faq-4-2">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-4-3" data-parent="#faq-list-4" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Sunt aliqua put a bird on it squid? </a> </div>
              <div class="panel-collapse collapse" id="faq-4-3">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading"> <a href="#faq-4-4" data-parent="#faq-list-4" data-toggle="collapse" class="accordion-toggle collapsed"> <i class="icon-plus smaller-80" data-icon-hide="icon-minus" data-icon-show="icon-plus"></i> &nbsp;
                Brunch 3 wolf moon tempor sunt aliqua put? </a> </div>
              <div class="panel-collapse collapse" id="faq-4-4">
                <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- PAGE CONTENT ENDS -->
  </div>
  <!-- /.col -->
</div>
<!-- /.row -->
